<html>
<head>
<title>{{ "title" | trans({},"reservation") | raw }}</title>
<style type="text/css">
html {margin:0;padding:0;border:0;}
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, nav, section {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}
article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}
:focus {outline:0;}
body{color:#fff;font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;padding:10px;font-size:12px;}
.container{background: url('{{ asset('images/layout/bg/booking.jpg') }}') no-repeat center top;width:900px;height:600px;margin:0 auto;position:relative;}
img.stamp{position:absolute;right:20px;top:20px;}
h1{line-height:22px;font-size:22px;font-weight:bold;margin-left:20px;text-shadow:2px 2px 7px #000;}
div.info{}
a.action span {font-weight: bold;font-size: 12px;font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;color: white;background: #2f2f2f url('{{ asset('images/layout/button/button-25px.png') }}') repeat-x center -8px;padding: 0 15px;border-radius: 3px;display: block;cursor:pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;-khtml-border-radius: 3px;}  
a.action {background: #202020 url('{{ asset('images/layout/button/button-25px.png') }}') repeat-x center top;padding: 2px;border: 1px solid #202020;border-radius: 6px;display: inline-block;line-height: 20px;outline: 0 none;height: 20px;box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);-webkit-border-radius: 6px;-moz-border-radius: 6px;-khtml-border-radius: 6px;-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);-khtml-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);}
a.action:active span {background-color: #176093;}
a.action:hover span {background-color: #ff4400;}
dl{display:block;width:900px;position:relative;}
dl::after {content: '.';display: block;height: 0;clear: both;visibility: hidden;}
dt{display: block;float:left;text-align:right;width:250px;margin-right:10px;}
dd{display: block;float:left;width:600px;}
input[type="text"]{width:200px;}
input[type="text"], textarea, select {font-size: 13px;font-family: Calibri, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;color: #ccc;background-color: #2f2f2f;padding: 3px;margin-bottom: 2px;border: 1px solid silver;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-khtml-border-radius: 4px;outline: 0;}
textarea:focus {background: #f8f8c2;color:black;border-top-color: #969696;border-bottom-color: #E6E6E6;}
input[type="text"]:focus {background: ivory url('{{ asset('images/layout/bg/form-focus-small.png') }}') repeat-x;border-top-color: #969696;border-bottom-color: #E6E6E6;color:black;}
.price{font-weight:bold;font-size:14px;}
.info{color:#fff;font-weight:bold;}
.extra{display:block;margin-top:10px;}
.extra ul li{margin-top:5px;}
</style>
<link rel="stylesheet" href="{{ asset('css/ui-darkness/jquery-ui.css') }}" type="text/css" media="screen, projection">
    
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.5.1.min.js"></script> 
<script type="text/javascript">if (!window.jQuery) { document.write('<scr'+'ipt type="text/javascript" src="{{ asset('js/jquery.min.js') }}"><\/scr'+'ipt>'); }</script>
<script type="text/javascript" src="{{ asset('js/jquery-ui.min.js') }}"></script> 
<script type="text/javascript" src="{{ asset('js/jquery.elastic.js') }}"></script> 
<script type="text/javascript">
var cp1 = Number({{ price.base }});
var cp2 = Number({{ price.single }});
var cp3 = Number({{ price.third }});
var cp4 = Number({{ price.fourth }});
var conenight = Number({{ price.short }});
var clong = Number({{ price.long }});

var error_dates = '{{ "form.error.date" | trans({},"reservation") | raw }}';
var error_rooms = '{{ "form.error.rooms" | trans({},"reservation") | raw }}';
var error_guests = '{{ "form.error.guests" | trans({},"reservation") | raw }}';
</script>
<script type="text/javascript" src="{{ asset('js/booking.js') }}"></script> 
</head>
<body>
    <div class="container">
    <img src="{{ asset('images/layout/bg/booking-stamp.jpg') }}" class="stamp" />
    {% block inner %}{% endblock %}
	</div>
</body>
</html>